<!-- 	{
		userpic: "/static/images/demo/demo6.jpg",
		username: "楚绵",
		create_time: "2019-07-31",
		goods_num: 123,
		context: "评论内容",
		imglist: [
			"/static/images/demo/demo6.jpg",
			"/static/images/demo/demo6.jpg",
			"/static/images/demo/demo6.jpg"
		]
	}, -->
<template>
	<!-- 	<view>  准备滚动</view> -->
	
		<view class="p-2">
	<scroll-view scroll-x="true"  class="scroll-row">
		<view class="p-2  scroll-row-item  bg-light-secondary  mr-2 p-2" v-for='(item,index) in  comments'  
		style="width: 620rpx;height: 380rpx;"
		>

			<view class="d-flex  j-sb">
				<view class="d-flex">
					<image :src="item.userpic" mode="" style="width: 70rpx;height: 70rpx;"></image>
					<view class="d-flex flex-column ml-2">
						<text> {{item.username}}</text>
						<text> {{item.create_time}}</text>
					</view>
				</view>
				<view class="iconfont  icon-dianzan"> {{item.goods_num}}</view>
			</view>
			<view>{{item.context}}</view>
			<view class="row">
				<view class="span24-8 px-2"
				v-for="(img,i) in item.imglist"
				:key="i">
					<image :src="img" 
					mode="widthFix" style="height: 115rpx;"
					class="rounded"></image>
				</view>
			</view>
		
		</view>
	</scroll-view>
	
	
<navigator  url='/pages/detail-comment/detail-comment'>
			
		
		<view class="d-flex a-center j-center   py-2 mt-2  text-primary"
		hover-class="bg-light-secondary">
			更多样式 <view class="iconfont icon-you"></view>
		</view>
</navigator>
	
	</view>
</template>

<script>
	export default {

		props: {
			comments: {
				type: Array
			}
		}
	}
</script>

<style>
</style>
